<template>
  <div class="app-box">
    <van-nav-bar
      fixed
      title="shop商城"
    />

    <router-view></router-view>

    <van-tabbar route>
      <van-tabbar-item
        replace
        to="/home"
        icon="wap-home-o"
      >
        首页
      </van-tabbar-item>
      <van-tabbar-item
        replace
        to="/shop"
        icon="shop-o"
      >
        商品
      </van-tabbar-item>
      <van-tabbar-item
        replace
        to="/car"
        icon="cart-o"
         info="0"
      >
        购物车
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default{
  
}
</script>

<style lang="less">
.app-box{
  padding-top: 46px;
  padding-bottom: 50px;
  .van-nav-bar{
    background: #1989fa;
  }
  .van-nav-bar__title{
    color: #fff;
  }
}
.van-tabbar--fixed{
  border-top: 1px solid #1989fa;
}
</style>
